<div class="ma-table">
  <div class="data-table">
    <!-- class="col-md-6" -->
    <div>
      <!-- 左边漂浮 table -->
      <div class="float-left-table"
        ng-style="{width: $tableCtrl.floatLeftBoxWidth + 'px', height:$tableCtrl.floatTableHeight + 'px'}"
        ng-show="$tableCtrl.showFloatTable"
        ng-if="$tableCtrl.floatLeftCols !== false">
        <div ng-style="{width: $tableCtrl.floatTableWidth + 'px'}">
          <table template-header='header1.html'
            ng-table-dynamic="$tableCtrl.tableParams with $tableCtrl.cols"
            class="table table-condensed table-bordered table-striped">
            <colgroup ng-if="$tableCtrl.colsGroup && $tableCtrl.colsGroup.length == $tableCtrl.cols.length">
              <col ng-repeat="group in $tableCtrl.colsGroup"
                width="{{group.width}}"
                align="{{group.align}}"
                valign="{{group.valign}}"
                ng-style="{{group.styles}}" />
            </colgroup>
            <!-- <tr ng-repeat="row in $tableCtrl.$data"> -->
            <tbody class="tr-content"></tbody>
            <tr ng-if="$data.length <= 0">
              <td colspan="{{t$ableCtrl.tableParams.getShowCols().length}}"
                style="text-align:center;">暂无数据</td>
            </tr>
          </table>
        </div>
      </div>


      <!-- 右边漂浮 table -->
      <div class="float-right-table"
        ng-style="{width: $tableCtrl.floatRightBoxWidth + 'px', height:$tableCtrl.floatTableHeight + 'px'}"
        ng-show="$tableCtrl.showFloatTable"
        ng-if="$tableCtrl.floatRightCols !== false">

        <div ng-style="{width: $tableCtrl.floatTableWidth + 'px'}">
          <table template-header='header1.html'
            ng-table-dynamic="$tableCtrl.tableParams with $tableCtrl.cols"
            class="table table-condensed table-bordered table-striped">
            <colgroup ng-if="$tableCtrl.colsGroup && $tableCtrl.colsGroup.length == $tableCtrl.cols.length">
              <col ng-repeat="group in $tableCtrl.colsGroup"
                width="{{group.width}}"
                align="{{group.align}}"
                valign="{{group.valign}}"
                ng-style="{{group.styles}}" />
            </colgroup>
            <!-- <tr ng-repeat="row in $tableCtrl.$data"> -->
            <tbody class="tr-content"></tbody>
            <tr ng-if="$data.length <= 0">
              <td colspan="{{t$ableCtrl.tableParams.getShowCols().length}}"
                style="text-align:center;">暂无数据</td>
            </tr>
          </table>
        </div>
      </div>

      <div class="main-table-container">
        <table template-header='header1.html'
          ng-table-dynamic="$tableCtrl.tableParams with $tableCtrl.cols"
          class="table table-condensed table-bordered table-striped main-table"
          ng-class="{'has-float-table': $tableCtrl.floatLeftCols.length || $tableCtrl.floatRightCols.length}"

          ng-style="{width: $tableCtrl.tableWidth && $tableCtrl.tableWidth > $tableCtrl.mainContainerWidth ? $tableCtrl.tableWidth + 'px' : '100%'}">
          <colgroup ng-if="$tableCtrl.colsGroup && $tableCtrl.colsGroup.length == $tableCtrl.cols.length">
            <col ng-repeat="group in $tableCtrl.colsGroup"
              width="{{group.width}}"
              align="{{group.align}}"
              valign="{{group.valign}}"
              ng-style="{{group.styles}}" />
          </colgroup>
          <tbody class="tr-content"></tbody>

          <tr ng-if="$data.length <= 0">
            <td colspan="{{t$ableCtrl.tableParams.getShowCols().length}}"
              style="text-align:center;">暂无数据</td>
          </tr>
        </table>
      </div>
      <!-- <script type="text/ng-template" id="templatePagination.html"> -->
      <form class="form-inline"
        novalidate
        ng-show="$tableCtrl.enablePagination">
        <div class="form-group">
          <span>跳至第</span>
          <input class="form-control"
            id="page"
            min="1"
            placeholder=""
            ng-model="$tableCtrl.nextPageNum"
            ng-init="1"
            ng-enter="$tableCtrl.changePage($tableCtrl.nextPageNum)">
          <span>页</span>
        </div>
        <div class="form-group page-select-form-group">
          <!--         <select id="pageSizeBinding" class="form-control" ng-model="$tableCtrl.newPageSize" ng-init="$tableCtrl.newPageSize=$tableCtrl.PageSize[0]" ng-options="size + '条/页 ' for size in $tableCtrl.PageSize" ng-change="$tableCtrl.changePageSize($tableCtrl.newPageSize)"></select> -->

          <ma-select id="pageSizeBinding"
            class="form-control"
            ng-model="$tableCtrl.newPageSize"
            ma-data="$tableCtrl._PageSize"></ma-select>

          <!-- <i class="page-select-arrow"></i> -->
        </div>
      </form>
      <!-- </script> -->
    </div>

    <div class="loading data-table-loading"
      ng-class="{show: $tableCtrl.isLoading, full: $tableCtrl.isFullLoading}">
      <ma-spin ma-size="50"></ma-spin>
    </div>
  </div>
</div>
